<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乒乓球运动</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            background: #fcfbfb;
        }

        a {
            text-decoration: none;
            /* 去掉下划线 */
        }

        /*div {
            border: 1px solid #a7a1a1;
        }*/

        p {
            text-indent: 2em;
            /* 设置首行缩进为两个字符宽度 */
            line-height: 35px;
        }

        .center-text {
            text-align: center;
            /* 水平居中 */
        }

        .yinying {
            box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.2), -4px -6px 16px rgba(255, 255, 255, 0.1) inset;
        }

        .flex {
            display: flex;
        }

        .baise {
            background-color: rgb(252, 249, 250);
        }

        .flex02 {
            flex: 1;
        }

        .column {
            flex-direction: column;
        }

        .mg8 {
            margin: 8px;
        }

        .mgr8 {
            margin-right: 8px;
        }

        .mgt8 {
            margin-top: 8px;
        }

        .abc {
            font-family: 楷体;
        }

        .abc1 {
            font-size: 50px;
        }

        /*字体*/

        .abc2 {
            font-size: 20px;
        }

        .abc3 {
            color: #c06666;
        }

        .abc4 {
            font-size: 22.5px;
        }
    </style>
</head>

<body class="flex"></body>

<!--主体-->
<div style="height: 800px;" class="flex02  flex column abc abc4">
    <!--头部-->
    <div style="height: 60px; z-index: 1;" class="flex baise ">
        <img src="../01/logo.png" alt="" width="10%" height="100%">
        <div class=" abc abc1 abc3">乒乓球运动</div>
    </div>



    <!--大内容-->
    <div style="flex: 9;" class="flex column baise yinying">
        <!--头-->
        <div style="flex: 0.05;" class="flex column baise ">
            <p><b>乒乓球运动相关名词解释</b>

            </p>

        </div>


        <!--内容1-->
        <div class="flex flex02 baise mg8 yinying column" style="overflow: auto;">
            <p>
                <b>亚特兰大奥运会</b><br>亚特兰大奥运会是1996年在美国亚特兰大举行的第二十六届夏季奥林匹克运动会。这届奥运会从7月19日持续到8月4日。它是现代奥运会百年诞辰之际举办的一次体育盛会，具有特殊的纪念意义。在这届奥运会上，竞赛项目数量众多，新增了女子足球等项目，吸引了来自全球197个国家和地区的1万多名运动员参与。在赛事组织方面，其充分利用了现代化的场馆设施和高科技手段，提升了观赛体验，但也出现了一些如交通拥堵、部分设施服务质量欠佳等问题。不过，亚特兰大奥运会仍然展现了许多精彩的比赛瞬间，各国运动员奋力拼搏，众多世界纪录和奥运会纪录被打破，在奥运历史进程中留下了浓墨重彩的一笔。
            </p>


        </div>

    </div>




    <!--底部-->
    <div style="flex: 1;" class="flex baise mgt8">
        <div class="abc abc2 abc3 center-text" style="width: 100%; ">
            <p>乒乓球运动</p>
            <div class="flex">
                <p style="width: 100%;">学生:糜浩然 </p>
                <p style="width: 100%;">学号:2280206454470</p>
                <p style="width: 100%;">版权所有xxxxxx</p>
            </div>
        </div>
    </div>



</div>



















</html>